html { min-width: auto;}
.jMcontainer { width: 100%;}
.index-about,.member-info, .about, .contact,.content-box,.contribute-box,.match-list { flex-direction: column;}


header { display: block; height: 80px;}
.header-left { padding: 0 2%; width: 70%;}
.header-left .topLogo { background-size: contain;}
.header-search-box { display: none;}
.topNav-toggle { display: table-cell;vertical-align: middle; width: 60px; text-align: right;}
.topNav-toggle span {margin-right: 20px; font-size: 38px;}
.header-right { overflow: hidden;z-index: 101; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; max-height: 0; background-color: rgba(0,  0,  0, .8); transition: all .3s;}
nav { height: 100%;}
.fatherNav { padding-right: 0; height: 100%;  line-height: 0px;}
.fatherNav .item { display: block; margin-top: 10px;}
.fatherNav .item > a { color: #fff; text-align: left; font-size: 20px; line-height: 36px;}
.sonNav { display: block; position: static; padding:0;width: 100%; text-align: left; transform: translateX(0%);}
.sonNav a { display: inline-block;padding: 0 10px; height: 28px !important;line-height: 28px !important; font-size: 18px;}
.close-topNav { display: block; position: absolute; bottom: 0; width: 100%; height: 32px; text-align: center;  font-size: 24px; color: #fff;}

.banner { height: 280px;}
.nbanner { height: 240px;background-attachment:inherit; background-size:auto 100% ;}


.index-grid {grid-template-rows: auto auto; margin: 30px auto;}
.ty-img-box .info { opacity: 1; }
.ty-img-box .info::before {height: 5%;}
.ty-img-box .info h2 { font-size: 14px; margin: 5px auto;}
.ty-img-box .info p { margin-bottom: 10px; display: none;}
.news-l,.news-m,.news-r { float: none;margin: 20px auto; padding: 0 2%; width: 100%; }
.index-news .ty-title { margin: 20px; font-size: 24px;text-align: center;}
.news-m .Img, .news-r .Img { height: auto;}
.news-r .index-news-list { margin-bottom: 20px;}
.ty-title { margin: 20px; font-size: 24px;}
.index-project { margin: 20px auto;}
.project-prev, .project-next { top: 25px; right: 20px;}
.project-prev { right: 75px;}
.project-swiper .item .img { height: 150px;;}
.project-swiper .item h2 { height: 32px; line-height: 32px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index-about .img { flex: 1; height: auto;}
.index-about .info {padding: 0 2% 20px;}
.icon-list .iconfont { margin: 10px auto;}

.footer { flex-wrap: wrap;}
.link-box { flex: 0 0 50%;}
.record { padding: 10px 10px; line-height: 24px;}
.links { display: none;}

.nNav { margin-top: -52px; padding: 10px 0;}
.nNav span { line-height: 32px; height: 32px; font-size: 16px;}
.member-info .img.contact .img,.about .img,.about .info { flex: 1;}
.member-info .info { flex: 1; margin-top: 10px; padding: 0 2%; text-align: justify;}
.content-title { margin: 20px 0; font-size: 24px;}
.member-list {grid-template-columns: 1fr;grid-template-rows:auto; grid-gap: 20px; }
.member-list .item .img { margin: 10px auto;}
.member-list .item p { height: 78px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; }
.contact .info,.about .info { padding: 10px 2%; }
.member-info, .about, .contact { margin: 20px auto;;}
.contact .img h1,.contact .img h2,.contact .img p { padding: 0 2%; height: 28px; line-height: 28px;}


.bos .header-left,.header-goLogin { display: none;}
.header-register1 p { padding-left: 0; border-left: 0;}
.register-form1 .layui-input-inline { float: left; margin: 0; width: 75%;}
.skill-list {grid-template-columns: 1fr;grid-gap:20px;}
.skill-list .item .info { height: 170px; padding:0 2%}
.skill-list .item .info h2 { margin: 10px auto;}
.schedule { width: 100%; background-position: 20% 20px, 50% 20px, 80% 20px;background-size: 60px auto,60px auto,60px auto;}
.schedule .item { font-size: 14px;}

.vip-ty-form {padding: 0 2%; width: 100%;}
.layui-form-label { padding: 9px 5px;}
.vip-ty-form .layui-form-label { width: 100px;}
.layui-input-block { margin-left: 100px; }
.register-form1 .layui-input-inline { left: 0;}
.vip-code { display: inline-block !important; margin: 0 !important; width: 50% !important;}
.register-form3 { padding: 0 2%; width: 100%;}
.register-form3 .layui-input { width: 80%;}

.crumb { padding: 0 2%; line-height: 24px; font-size: 14px;}
.content-text { padding: 0 2%;}
.content-text h1 { font-size: 24px;}
.content-swiper { width: 100%;}
.content-swiper .item .img {min-height: 260px; height: auto;}
.content-swiper-pagination { position: static;}
.content-swiper-next,.content-swiper-prev { display: none;}
.content-swiper .item .info p { line-height: 24px; font-size: 14px;}
.content-info { text-align: justify;}
.content-tecommend { display: none;}
.works-list {grid-template-columns: 1fr 1fr;grid-template-rows:320px;grid-gap:20px 10px ; padding: 0 2%; }
.ty-works-list .item .img { height: 240px;}
.ty-works-list .item .info { position: static; height: auto;}
.ty-works-list .item .info p { display: none;}
.ty-works-list .item .info h2 { margin: 10px auto; font-size: 14px;}
.event-information {grid-template-columns: 1fr;}
.top-vip-box a{ display: inline-block; vertical-align: middle; line-height: 50px; margin-right: 20px; font-size: 18px; }
.top-vip a.top-quit { margin-top: 0; width: auto; font-size: 16px;;}
.works .swiper-wrapper { height: 330px;}
.vip-works-list {grid-template-columns: 1fr; grid-gap: 20px; padding: 0 2%;}
.vip-works-list a { font-size: 16px;}
.vip-works-list .item a.h2 { line-height: 32px;}
.contribute-box .img,.match-list .img { flex: 1;}
.contribute-upload { margin-left: 0; margin-top: 20px; padding: 0 2%;}
.contribute-upload .layui-form-label { width: 90px;}
.match-list:nth-of-type(2n) { flex-direction: column;}
.match-list .info { padding: 0 2%;}
.match-list .info h2 { font-weight: normal;;}

.system-l { float: none;padding:10px 2%; width: 100%;}
.systemNav { display: flex;}
.systemNav a { flex: 1;}
.systemNav a:nth-of-type(2) { margin: 10px 5px 0;}
.systemNav a i { margin: 0 5px;}
.systemNav a span { margin-right: 5px;}
.system-r { float: none; padding: 20px 0; width: 100%;}
.payment { width: 100%;}

.vip-table {margin: 20px 2%; width: 96%; height: 600px; position: relative;}

.zZcontainer { margin: 0 auto; width: 100%;}
.newsList { margin-bottom: 20px; height: auto;}
.newsList p,.newsList .icon { display: none;}
.newsList .info h2 { margin:  10px auto; font-size: 16px;}
.newsList .info .date span { margin-left: 10px;}
.newsList.case { flex-direction: column; height: auto;}
.newsList.case { height: auto;}
.newsList.case .img,.newsList .img {  flex: 1;}
.newsList .info { padding: 0 2%;}
.newsList.case .read { margin: 10px auto;}

.detail { padding: 0 2%; }
.detail h1 { font-size: 18px;}
.detail .date { height: 48px; line-height: 48px;;}
.detail .content { padding: 20px 0; width: 100%; line-height: 28px;}
.detail .goback { font-size: 18px;}

.top-vip{display:none}

.contact .img {
    flex: 1;
}